@font-face {
  font-family: 'icomoon';
  src: url('../fonts/icomoon.eot?kfae74');
  src: url('../fonts/icomoon.eot?kfae74#iefix') format('embedded-opentype'),
  url('../fonts/icomoon.ttf?kfae74') format('truetype'),
  url('../fonts/icomoon.woff?kfae74') format('woff'),
  url('../fonts/icomoon.svg?kfae74#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  color: #aaa;
  font-size: 1.6em;
  transition: .3s cubic-bezier(0.5, 0, 0.2, 1);
}

[class^="icon-"]:hover, [class*=" icon-"]:hover {
  color: lightblue;
}

.icon-play2:before {
  content: "\ea15";
}

.icon-pause:before {
  content: "\ea16";
}

.icon-stop:before {
  content: "\ea17";
}

.icon-volume-high:before {
  content: "\ea26";
}

.icon-volume-medium:before {
  content: "\ea27";
}

.icon-volume-low:before {
  content: "\ea28";
}

.icon-volume-mute:before {
  content: "\ea29";
}

.icon-volume-mute2:before {
  content: "\ea2a";
}